<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <title>登陆</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Trendy Tab Login Form template Responsive, Login form web template,Flat Pricing tables,Flat Drop downs  Sign up Web Templates, Flat Web Templates, Login sign up Responsive web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- Custom Theme files -->
    <link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- //Custom Theme files -->
    <!-- web font -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'><!--web font-->
    <!-- //web font -->
    <!-- js -->
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/easyResponsiveTabs.js" type="text/javascript"></script>
    <!-- //js -->
</head>
<body>
<!-- main -->
<div class="main">
    <div class="login-form" style="margin-top: 8%">
        <div class="sap_tabs w3ls-tabs">
            <div id="horizontalTab" style="display: block; width: 100%; margin: 0;">
                <ul class="resp-tabs-list">
                    <li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>Login</span></li>
                <#--<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><label>/</label><span>Sign up</span></li>-->
                </ul>
                <div class="clear"></div>
                <div class="resp-tabs-container">
                    <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
                        <div class="login-agileits-top">
                            <form action="/login" method="post">
                                <p>用户名</p>
                                <label>
                                    <input type="text" name="username" required=""/>
                                </label>
                                <p>密码</p>
                                <label>
                                    <input type="password" name="password" required=""/>
                                </label>
                                <input type="checkbox" id="brand" value="">
                                <#--<label for="brand"><span></span> Remember me ?</label> --></br></br>
                                <input type="submit" value="登陆">
                            </form>
                        </div>
                    <#--<div class="login-agileits-bottom">
                        <p><a href="#">Forgot password?</a></p>
                    </div>-->
                    </div>
                    <#--<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
                        <div class="login-agileits-top sign-up">
                            <form action="#" method="post">
                                <p>User Name </p>
                                <label>
                                    <input type="text" name="User Name" required=""/>
                                </label>
                                <p>Your Email </p>
                                <label>
                                    <input type="text" name=Email" required=""/>
                                </label>
                                <p>Password</p>
                                <input type="password" name="Password" placeholder="" required=""/>
                                <input type="checkbox" id="brand1" value="">
                                <label for="brand1"><span></span>I accept the terms Use</label>
                                <input type="submit" value="SIGN UP">
                            </form>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
        <!-- ResponsiveTabs js -->
        <script type="text/javascript">
            $(document).ready(function () {
                $('#horizontalTab').easyResponsiveTabs({
                    type: 'default', //Types: default, vertical, accordion
                    width: 'auto', //auto or any width like 600px
                    fit: true   // 100% fit in a container
                });
            });
        </script>
        <!-- //ResponsiveTabs js -->
    </div>
</div>
<!-- //main -->
<!-- copyright -->
<!--	<div class="copyright">
		<p> © 2016 Trendy Tab Login Form . All rights reserved | Powered by <a href="http://www.smallseashell.com/" target="_blank">小贝壳网站模板</a></p>
	</div>-->
<!-- //copyright -->
</body>
</html>